<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>TESTING</title>
		<link href="test.css" rel="stylesheet" />
		<script src="test.js" type="text/javascript"></script>
	</head>
	<body>
		<div id="wrapper">
			<h1>Whack-a-Mole Game</h1>
			
			<nav>
				<ul>
					<li><a href="step1.html">Step 1</a></li>
					<li><a href="step2.html">Step 2</a></li>
					<li><a href="step3.html">Step 3</a></li>
					<li><a href="step4.html">Step 4</a></li>
					<li><a href="step5.html">Step 5</a></li>
				</ul>
			</nav>
			<div id="middle">
				<aside>
					<h2>Tutorial</h2>
					<p>Instructions:</p>
					<ol id="tutorial">
						<li>Click only red circles</li>
						<li>Play until you miss</li>
					</ol>
					<!-- <button onclick="start();">Start Game</button> -->
				</aside>
				
				<div id="quit">
					<button onclick="quitGame();">Quit Game</button>
				</div>
				
				<div id="content">
					<section>
						<p>
							Score: <span id="score">0</span> points
						</p>
						<p>
							Level: <span id="level">1</span>
						</p>
					</section>
					<ul></ul>
				<!-- closing middle -->
				</div>
			</div>
			<footer>
				<p>This is the footer</p>
			</footer>
		<!-- closing wrapper -->
		</div>
	<!-- begin validation buttons -->
		<div id="validation">
			<a href="http://validator.w3.org/check?uri=referer">
			  <img src="http://www.w3.org/html/logo/badge/html5-badge-h-solo.png" 
			  width="31" height="32" alt="valid HTML5" />
			 </a>
			 <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3">
			  <img src="http://jigsaw.w3.org/css-validator/images/vcss" 
			   alt="Valid CSS3" height="31" width="88" />
			</a>
		</div>
	<!-- end validation buttons -->
	</body>
</html>